<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="keywords" content="hsiangleev,layui扩展">
    <meta name="description" content="layui扩展滚动条scrollBar">
    <meta name="keywords" content="scrollBar,layui扩展,hsiangleev">
    <title>layui扩展滚动条scrollBar</title>
    <link rel="stylesheet" href="../layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../scrollBar/scrollBar.css" media="all">
    <link rel="icon" type="image/png" sizes="32x32" href="../favicon.ico">
    <style>
        html,body{
            height: 120%;
        }
    </style>
</head>
<body>
    <div>
        <div class="scroll">
            Lorem ipsum dolor sit, amet consectetur adipisicing elit. Mollitia, ipsa praesentium. Praesentium nihil quam asperiores. Incidunt ullam totam aliquam quibusdam perferendis ab, numquam alias vitae similique magni aspernatur provident deleniti nulla accusantium reprehenderit molestiae eveniet iure? Praesentium consectetur, necessitatibus et cum voluptas saepe dolorem nobis eos repudiandae tempore totam inventore corrupti illo nemo nam non alias magnam laudantium qui. Consectetur, pariatur quae ratione eligendi ea aut. Cumque eveniet doloribus necessitatibus, aperiam laboriosam qui modi quia, suscipit harum beatae sequi earum sunt praesentium quam officia id consectetur accusantium reiciendis nisi vitae sed odio perferendis accusamus? Distinctio exercitationem cumque aperiam rem natus doloremque iure soluta sint adipisci veniam. Voluptatibus nam pariatur velit animi, praesentium, odit sed inventore minus et voluptate necessitatibus repellat assumenda dolore quibusdam vero, quis nesciunt reiciendis debitis? Sequi at ab illo impedit omnis necessitatibus eius totam nemo perferendis neque, facere aliquam! Sunt optio consectetur autem aut animi quas fugit a nam, ad accusantium numquam eos natus assumenda aspernatur voluptas officiis saepe repudiandae aliquid provident doloremque architecto. Est explicabo delectus minus nemo qui molestias neque quas laboriosam optio fugit vitae, minima perspiciatis aspernatur enim dolor vero veniam labore iure error a quaerat earum at ducimus? Ipsam, harum quisquam? Repudiandae saepe ducimus id quia ex dignissimos suscipit iure, dolorem, cum quo voluptate doloremque maxime sapiente voluptatum blanditiis sint architecto facere voluptas modi assumenda. Ea, aliquam? Nisi at odit dolore architecto tempore delectus libero? Minus iure voluptate inventore quas optio, dolore aperiam sapiente officia aspernatur similique a saepe distinctio, aliquid quae. Harum veritatis facere ex ut, rerum aspernatur sint, beatae, enim odio libero illo quibusdam amet! Vero dolorem ratione odio quo dolores enim et. Quo dolor amet harum nemo ex dolore dolores, voluptatem ad asperiores. Perferendis nesciunt id saepe quam nam accusamus ex nisi praesentium nihil ducimus consectetur ab, eveniet eligendi, eos reprehenderit harum maiores hic tempora minus obcaecati. Corporis earum voluptates molestiae doloribus, mollitia velit quidem iste error quae illo magni cupiditate, incidunt deleniti nihil eveniet veritatis rem non odio. Voluptates blanditiis officia ipsa mollitia. Voluptatibus quos veritatis repellat, eaque esse perspiciatis praesentium. Ratione debitis maxime laborum laboriosam. Quo error illum nostrum cum eos asperiores quaerat sed necessitatibus quae suscipit officiis minima quibusdam incidunt nihil, voluptates nisi beatae dolorum. Sint, sunt! Impedit, distinctio modi quisquam similique voluptates nisi quaerat blanditiis iusto doloribus delectus sapiente eum officia cum doloremque iure laboriosam! Sequi dolorum repudiandae quo quod vel amet vitae architecto consectetur aliquid assumenda, ipsa quasi possimus expedita esse. Culpa, ea enim doloribus nulla iusto similique iure cumque ipsa corrupti minima neque fugiat, suscipit eius, magni voluptas est provident? Sint alias, libero architecto enim tempore consequuntur modi, repudiandae iste ex in, natus a. Temporibus assumenda voluptas natus aliquid deleniti quia expedita sequi maiores, porro dignissimos exercitationem accusantium itaque architecto a! Rerum voluptates quisquam nam hic at fugit, soluta odit, minus ad quas laudantium illo repellat unde adipisci. Aspernatur et ratione quae temporibus aliquid alias vel, beatae veritatis laudantium numquam dolorem accusantium? Ipsa, accusamus rem. Aliquid odit magnam totam amet voluptas dolorem, nostrum laudantium.
        </div>
    </div>
    

    <script src="../layui/layui.js"></script>
    <script>
        
        layui.config({
            base: "../layui/lay/mymodules/"
        }).use(['jquery','scrollBar'], function(){
            var $ = layui.jquery;
            var scrollBar = layui.scrollBar;

            scrollBar({
                el: ".scroll",
                color: "#888",
                width: "7px"
            })

        });
    </script>
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?9e39de91fc206c680fb0266ab977e776";
            var s = document.getElementsByTagName("script")[0]; 
            s.parentNode.insertBefore(hm, s);
        })();
    </script>

</body>
</html>
